.dark {
  --page-bg-color: #240101;
  --page-bg-color-to: #041742;
  /* 背景主色 primary*/
  --bg-color: rgba(0, 0, 0, 0.5);
  /* 背景主色 加深 primary*/
  --bg-color-deep: rgba(0, 0, 0, 0.8);
  /* 背景反色 reverse*/
  --bg-color-reverse: rgba(255, 255, 255, 0.3);
  /* 背景选中色 active*/
  --bg-color-active: rgba(255, 255, 255, 0.3);
  /* 文字主色 primary*/
  --text-color: #eee;
  /* 文字副色  sub*/
  --text-color-sub: #ccc;
  /* 文字标签色  remark*/
  --text-color-remark: #777;
  /* 文字标注解色  note*/
  --text-color-note: #555;
  /* 文字标强调色  strong*/
  --text-color-strong: #e007f0;
  /* 文字反色  reverse*/
  --text-color-reverse: #000;
  /* 文字选中色  active*/
  --text-color-active: #409eff;
  /* 文字hover  hover*/
  --text-color-hover: #1ce8ff;
  /* 文字连接色  link*/
  --text-color-link: #67c23a;
  /* 边框主色 */
  --border-color: #fff;
  /* 边框副色  sub*/
  --border-color-sub: #777;
}
.light {
  --page-bg-color: #80e9f4;
  --page-bg-color-to: #5788fe;
  /* 背景主色 primary*/
  --bg-color: rgba(255, 255, 255, 0.5);
  /* 背景主色 加深 deep*/
  --bg-color-deep: rgba(255, 255, 255, 0.8);
  /* 背景反色 reverse*/
  --bg-color-reverse: rgba(0, 0, 0, 0.3);
  /* 背景选中色 active*/
  --bg-color-active: rgba(0, 0, 0, 0.3);
  /* 文字主色 primary*/
  --text-color: #111;
  /* 文字副色  sub*/
  --text-color-sub: #333;
  /* 文字标签色  remark*/
  --text-color-remark: #555;
  /* 文字标注解色  note*/
  --text-color-note: #777;
  /* 文字标强调色  strong*/
  --text-color-strong: #e007f0;
  /* 文字反色  reverse*/
  --text-color-reverse: #fff;
  /* 文字选中色  active*/
  --text-color-active: #409eff;
  /* 文字hover  hover*/
  --text-color-hover: #1ce8ff;
  /* 文字连接色  link*/
  --text-color-link: #67c23a;
  /* 边框主色 */
  --border-color: #000;
  /* 边框副色  sub*/
  --border-color-sub: #777;
}
